<template>
  <div class="pe-statement">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <!-- <el-tab-pane name="first">
        <div slot="label" class="label-tab-pane">总表</div>
        <summary-table />
      </el-tab-pane>-->
      <el-tab-pane name="second">
        <div slot="label" class="label-tab-pane">设计</div>
        <engineer-table :belong-type="cq_pe_belong_system.DESIGN" />
      </el-tab-pane>
      <el-tab-pane name="third">
        <div slot="label" class="label-tab-pane">工程</div>
        <engineer-table :belong-type="cq_pe_belong_system.ENGINEER" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
// import summaryTable from './summaryTable'
import engineerTable from './engineerTable'
import { cq_pe_belong_system } from '@/utils/baseData'
export default {
  name: 'Index',
  components: { engineerTable },
  data() {
    return {
      activeName: 'second',
      cq_pe_belong_system: cq_pe_belong_system
    }
  },
  created() { // 初始化

  },
  mounted() {

  },
  methods: {
    handleClick(tab, event) {
      // console.log(tab, event)
    }
  }
}
</script>

<style scoped lang='scss'>
  .pe-statement {
    padding: 0 20px;
    .label-tab-pane {
      width: 100px;
      text-align: center;
    }
  }
</style>
